<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .span{
            color: blue;
        }
    </style>
</head>
<body>
    <div id="div">这是一个div</div>
    <span class="span">这是一个span</span>
    <p>这是一个p</p>
    <h1>h1</h1>
    <h2>h2</h2>
    <script>
        // 1.获取元素
        let div=document.getElementById("div")
        console.log(div)
        let span=document.getElementsByClassName("span")
        console.log(span)
        let p=document.getElementsByTagName("p")
        console.log(p)
        // 2.创建元素
        let div1=document.createElement("div")
        div1.innerHTML="这是创建的一个div"
        p[0].appendChild(div1)
    </script>
</body>
</html>